<script lang="tsx">
/**
 * 联系我们
 */
export default {
  name: "contact-us"
}
</script>

<script lang="tsx" setup>
import {AMap} from "anqin-framework"
</script>

<template>
  <div class="contact-us">
    <div class="body">
      <div class="body-left">
        <div class="body-left-container1">近悦远来 终身服务</div>
        <div class="body-left-container2">
          可达鸭博客欢迎您的联系！我们以"近悦远来、终身相伴"为服务理念，致力于为每位访客创造持久价值。
        </div>
        <div class="body-left-container3">准备好开始了吗? 那就与我们取得联系吧!</div>
        <div class="body-left-container4">公司地址 ……………………</div>
        <div class="body-left-container5">咨询热线 ……………………</div>
      </div>
      <div class="body-right">
        <div class="body-right-map">
          <AMap></AMap>
        </div>
      </div>
    </div>
    <div class="contact">
      <div class="contact-container">
        <div class="contact-container-title">如果您想了解我们或任何疑问 填写下方表格</div>
        <div class="contact-container-body">我们将会与您取得联系</div>
        <form action="#" class="contact-container-form">
          <div class="contact-container-form-left">
            <input class="contact-container-form-name" placeholder="您的姓名(必填)" type="text">
            <input class="contact-container-form-phone" placeholder="联系电话(必填)" type="text">
            <input class="contact-container-form-email" placeholder="电子邮箱" type="text">
            <input class="contact-container-form-vx" placeholder="微信号" type="text">
          </div>
          <div class="contact-container-form-right">
            <textarea class="contact-container-form-describe" placeholder="描述"></textarea>
          </div>
          <div class="contact-container-form-bottom">
            <input class="contact-container-form-button" type="button" value="发送">
          </div>

        </form>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped src="./index.scss">

</style>